<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:dm="http://java.sun.com/jsf/composite/dma"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:c="http://java.sun.com/jsp/jstl/core">
    <h:head>
        <title>DMA</title>
        <ui:param name="jsRoot" value="#{request.requestURL.substring(0, request.requestURL.length() - request.requestURI.length())}#{request.contextPath}"/>
        <ui:param name="cssRoot" value="#{request.requestURL.substring(0, request.requestURL.length() - request.requestURI.length())}#{request.contextPath}"/>
        <ui:param name="urlRoot" value="#{request.requestURL.substring(0, request.requestURL.length() - request.requestURI.length())}#{request.contextPath}"/>
        <link href="#{cssRoot}/_css/style.css" 
              media="screen" type="text/css" rel="stylesheet"/>    
        <!--        <script type="text/javascript" 
                        src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js">
                </script>
        -->
        
        <ui:insert name="resources"></ui:insert>
    </h:head>
    <h:body>      
        <div id="_background" style="width: 100%;height: 100%;position: fixed;z-index: -10;">
            <img src="#{urlRoot}/_images/backgrounds/MAIN_BACKGROUND.jpg" height="100%" width="100%"/>
        </div>
        <div id="_center">

            <p:spacer height="70px"/>
            <div id="_header">
                <div id="_logo">
                   <!-- -->
                   
                    <a href="#{facesContext.externalContext.requestContextPath}/home.xhtml">
                        <img src="#{facesContext.externalContext.requestContextPath}/_images/logo.png"/>
                    </a>
                </div>
                <dm:menu/>
                <div id="_flag"> 
                    <img src="#{facesContext.externalContext.requestContextPath}/_images/flags/flag_vn.gif"/>&nbsp;
                    <img src="#{facesContext.externalContext.requestContextPath}/_images/flags/flag_en.gif"/>
                </div>
            </div>
            <p:spacer height="8px"/>
            <div id="_body">     
                <ui:insert name="body"></ui:insert>
            </div>

            <div id="_footer">

                <div id="onlineVote" align="center">
                    <p:spacer height="20px" width="100%"/>
                    <a href="https://twitter.com/share?url=http://dma.vn" target="_blank">
                        <img src="#{urlRoot}/_images/icons/twitter_share.png" />
                        <!--coppy from:  https://dev.twitter.com/docs/tweet-button#Examples-->
                    </a>
                    &nbsp;
                    <h:outputLink value="http://www.facebook.com/sharer.php">
                        <f:param name="u" value="http://dma.vn" />
                        <f:param name="t" value="I like DMA." />
                        <img src="#{urlRoot}/_images/icons/facebook_share.png" />
                        <!--coppy from:    http://www.facebook.com/note.php?note_id=407822831963-->
                    </h:outputLink>                    
                </div>
                <p>&nbsp;</p>
                <p> Development With Java (JSF + PrimeFaces).(Demo Website.)</p>
                <p>&nbsp;</p>
                <p>&nbsp;</p>
                <!--                <dm:backgroundMusic/>-->
            </div>
        </div>
             
    </h:body>
</html>

